<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Design by http://www.FreeWebsiteTemplateZ.com
Released for free under a Creative Commons Attribution 3.0 License
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Smly First Blog</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
{% load staticfiles %}
<link href={% static 'css/style.css' %} rel="stylesheet" type="text/css" />
<!-- CuFon: Enables smooth pretty custom font rendering. 100% SEO friendly. To disable, remove this section -->
{#<script type="text/javascript" src={% static 'js/cufon-yui.js' %}></script>#}
<script type="text/javascript" src={% static "js/arial.js" %}></script>
<script type="text/javascript" src={% static "js/cuf_run.js" %}></script>
<!-- CuFon ends -->
</head>
<body>
<div class="main">

  <div class="header">
    <div class="header_resize">
      <div class="menu_nav">
        <ul>
          <li><a href="/home/">Home</a></li>
          <li><a href="support.html">Support</a></li>
          <li><a href="about.html">About Us</a></li>
          <li class="active"><a href="/blog/">Blog</a></li>
          <li><a href="contact.html">Contact Us</a></li>
        </ul>
      </div>
      <div class="clr"></div>
    </div>
  </div>

  <div class="hbg">
    <div class="logo"><h1><a href="/blog/"><span>你</span> 不曾到过的天空 <small>人生苦短，我用python</small></a></h1></div>
  </div>

  <div class="content">
    <div class="content_resize">
      <div class="mainbar">
        <div class="article">
        {% if not result %}
        <p>no data ouput</p>
        {% else %}
        {% for data in result %}
          <h2>{{ data.blog_title }}</h2><div class="clr"></div>
            {% autoescape off %}
            <p> {{ data.blog_content }} </p>
            {% endautoescape %}
          <p>Tagged: <a href="#">{{ data.blog_tag }}</p>
          <p><a href="#"><strong>Comments ({{ data.comments_set.count }})</strong></a>  <span>&nbsp;&bull;&nbsp;</span>{{ data.blog_create_time }}
        </div>
        <div class="article">
          <h2><span>{{ data.comments_set.count }}</span> Responses</h2><div class="clr"></div>
          <div class="comment">
              {% for comment in data.comments_set.all %}
            <a href="#"><img src={% static "images/userpic.gif"  %} width="40" height="40" alt="user" class="userpic" /></a>
            <p><a href="#">{{ comment.comments_author }}</a> Says:<br />{{ comment.comments_create_time }}</p>
            <p>{{ comment.comments_desc }}</p>
              {% endfor %}
          </div>
        </div>
    {% endfor %}
        <div class="article">
          <h2><span>Leave a</span> Reply</h2><div class="clr"></div>
          <form action="" method="post" id="leavereply">
          <ol><li>
            <label for="name">Name (required)</label>
            <input id="name" name="name" class="text" />
          </li><li>
            <label for="email">Email Address (required)</label>
            <input id="email" name="email" class="text" />
          </li><li>
            <label for="website">Website</label>
            <input id="website" name="website" class="text" />
          </li><li>
            <label for="message">Your Message</label>
            <textarea id="message" name="message" rows="8" cols="50"></textarea>
          </li><li>
            <input type="image" name="imageField" id="imageField" src={% static "images/submit.gif" %} class="send" />
            <div class="clr"></div>
          </li></ol>
              {% csrf_token %}
          </form>
        </div>
      </div>
        {% endif %}
      <div class="clr"></div>
    </div>
  </div>

  <div class="fbg">
    <div class="fbg_resize">
      <div class="col c1">
        <h2><span>Image Gallery</span></h2>
        <a href="#"><img src={% static "images/pix1.jpg" %} width="56" height="56" alt="pix" /></a>
        <a href="#"><img src={% static "images/pix2.jpg" %} width="56" height="56" alt="pix" /></a>
        <a href="#"><img src={% static "images/pix3.jpg" %} width="56" height="56" alt="pix" /></a>
        <a href="#"><img src={% static "images/pix4.jpg" %} width="56" height="56" alt="pix" /></a>
        <a href="#"><img src={% static "images/pix5.jpg" %} width="56" height="56" alt="pix" /></a>
        <a href="#"><img src={% static "images/pix6.jpg" %} width="56" height="56" alt="pix" /></a>
      </div>
      <div class="col c2">
        <h2><span>Lorem Ipsum</span></h2>
        <p>Lorem ipsum dolor<br />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. <a href="#">Morbi tincidunt, orci ac convallis aliquam</a>, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.</p>
      </div>
      <div class="col c3">
        <h2><span>About</span></h2>
        <img src="{{ STATIC_URL }}images/white.jpg" width="56" height="56" alt="pix" />
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. llorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum. <a href="#">Learn more...</a></p>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="footer">
    <div class="footer_resize">
      <p class="lf">© Copyright <a href="#">MyWebSite</a>. Layout from [Z] <a href="http://www.cssmoban.com/" title="网页模板">cssMoban.com</a></p>
      <ul class="fmenu">
        <li><a href="index.html">Home</a></li>
        <li><a href="support.html">Support</a></li>
        <li class="active"><a href="blog.html">Blog</a></li>
        <li><a href="about.html">About Us</a></li>
        <li><a href="contact.html">Contacts</a></li>
      </ul>
      <div class="clr"></div>
    </div>
  </div>
</div>
</body>
</html>
